<?php
include "includes/db.php";
?>
<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/test.css"> <!-- подключаем файл стилей -->
    <link rel="stylesheet" href="css/main.css"> <!-- подключаем файл стилей -->
    <title>Document</title>
</head>

<body background="images/bg-main.jpg">
    <header id="header" class="header">
        <div class="container">
            <div class="navigation">
                <a href="index.php"><img src="images/logo.png" alt="Webant" class="logo-Webant"></a>
                <ul class="menu">
                    <li>
                        <a href="index.php" class="main">
                            Главная
                        </a>
                    </li>
                    <li>
                        <a href="portfolio.php" id="glave" class="contacts">
                            Портфолио
                        </a>
                    </li>
                    <li>
                        <a href="services.php" class="faculties">
                            Услуги и стоимость
                        </a>
                    </li>
                    <li>
                        <a href="events.php" class="rules">
                            Мероприятия
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <section id="content" class="content">
        <div class="container">
            <div class="contacts">
                <h2 id="glawe-title">Наши Проекты:</h2>
                <div class="project">
                    <div class="card" style="border: 3px solid transparent; border-image: 10 repeating-linear-gradient(90deg, #f598a8, #f6edb2)">
                        <?php
                        $articles = mysqli_query($connection, "SELECT * FROM `articles`");
                        ?>
                        <?php
                        while ($art = mysqli_fetch_assoc($articles)) {
                        ?>
                            <div class="pictures-project"><img src="images/projects/<?php echo $art['pictures']; ?>" style="width:100%; margin: 0 auto;  border: 2px solid #B0C4DE;">
                                <h1>
                                    <?php echo $art['title']; ?> <style>
                                        .card h1 {
                                            display: inline;
                                            border-bottom: 3px solid #f9dd94
                                        }

                                        ;
                                    </style>
                                </h1>
                                <p><?php echo $art['text']; ?></p>
                                <p>
                                    <button>Подробнее...</button>
                                </p>
                            <?php
                        }
                            ?>
                            </div>
                    </div>
                </div>
    </section>
    <footer id="footer" class="footer">
        <div class="container">
            <div class="adress">
                <h3>
                    Адрес
                </h3>
                <p>
                    344000, г. <br> Ростов-на-Дону, пер.Кировский 35/113
                </p>
            </div>
            <div class="social">
                <h3>
                    Соцсети
                </h3>
                <div class="soc-links">
                    <a href="#">
                        <img src="images/1.svg" alt="Фейсбук">
                    </a>
                    <a href="#">
                        <img src="images/2.svg" alt="Вконтакте">
                    </a>
                    <a href="#">
                        <img src="images/3.svg" alt="Твиттер">
                    </a>
                    <a href="#">
                        <img src="images/4.svg" alt="Инстаграм">
                    </a>
                    <a href="#">
                        <img src="images/5.svg" alt="Ютуб">
                    </a>
                    <a href="#">
                        <img src="images/6.svg" alt="Телеграм">
                    </a>
                </div>
            </div>
            <div class="email">
                <h3>
                    Почта
                </h3>
                <a href="mailto:v@webant.ru">
                    v@webant.ru
                </a>
            </div>
        </div>
    </footer>
</body>

</html>